<!--出入境办件进度-->
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>出入境办理进度查询</title>
    <meta charset='UTF-8'>
    <meta content="yes" name="apple-mobile-web-app-capable" />
    <meta content="black" name="apple-mobile-web-app-status-bar-style" />
    <meta content="telephone=no,email=no" name="format-detection" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no, minimal-ui" />
    <link href="../css/alipay/alipay.css" type="text/css" rel="stylesheet" />
    <link href="../css/alipay/amui-demo_files/toast.css" type="text/css" rel="stylesheet" />
    <link href="../css/alipay/button.css" type="text/css" rel="stylesheet" />
    <link href="../css/alipay/amui-demo_files/dialog.css" type="text/css" rel="stylesheet" />
    <link href="../css/alipay/amui-demo_files/button-group.css" type="text/css" rel="stylesheet" />
    <link href="../css/main.css" type="text/css" rel="stylesheet" />
    <link href="../css/dialog.css" type="text/css" rel="stylesheet" />
    <script type="text/javascript" src="../js/jquery-1.10.2.min.js"></script>
    <script type="text/javascript" src="../js/extensions/base.js"></script>
    <script type="text/javascript" src="../css/alipay/amui-demo_files/amui.js"></script>
    <style type="text/css">
    	.am-list:not([am-version]){padding-top: 15px;}
    </style>
    <script type="text/javascript">
        $(function(){
            /*$("#dialogbut").click(function(){
             $(".mask").show();
             $(".demo-content").show();
             });*/

            $(".am-dialog-button").click(function(){
                $(".mask").hide();
                $(".demo-content").hide();
            });

        })
    </script>
</head>
<body>
<div class="mask" style="display: none;"></div>
<div class="demo-content"  style="display: none;">
    <div class="demo-mobile">
        <div class="am-dialog show" style="z-index: 10001;">
            <div class="am-dialog-wrap">
                <div class="am-dialog-body">
                    <p id="warn" class="am-dialog-brief"></p>
                </div>
                <div class="am-dialog-footer">
                    <a class="am-dialog-button">取消</a>
                    <a class="am-dialog-button">确定</a>
                </div>
            </div>
        </div>
    </div>
</div>
<div data-role="page">
    <div data-role="content" style="background-color:#EFEFF4">
        <div data-role="header" class="am-header" style="background-color:#EFEFF4;display:none;">
        </div>
        <div data-role="content" style="background-color:#EFEFF4">
        	
        	<div class="am-list" am-mode="flat chip 43px">
    <div class="am-list-body">
        <a href="#" class="am-list-item">
            <div class="am-list-content">来办对象</div>
            <div class="am-list-extra" id="appUserName"></div>
        </a>
         <a href="#" class="am-list-item">
            <div class="am-list-content">办件序号</div>
            <div class="am-list-extra" id="docNo"></div>
        </a>
         <a href="#" class="am-list-item">
            <div class="am-list-content">办件名称</div>
            <div class="am-list-extra" id="caseName"></div>
        </a>
         <a href="#" class="am-list-item">
            <div class="am-list-content">来办时间</div>
            <div class="am-list-extra" id="appTime"></div>
        </a>
         <a href="#" class="am-list-item">
            <div class="am-list-content">审批时间</div>
            <div class="am-list-extra" id="checkTime"></div>
        </a>
         <a href="#" class="am-list-item">
            <div class="am-list-content">办理状态</div>
            <div class="am-list-extra" id="cnDocStatus"></div>
        </a>
         <a href="#" class="am-list-item">
            <div class="am-list-content">审批结果</div>
            <div class="am-list-extra" id="checkResult"></div>
        </a>
         <a href="#" class="am-list-item">
            <div class="am-list-content">审批意见</div>
            <div class="am-list-extra" id="checkRemark"></div>
        </a>
       
    </div>
</div>


            <div class="am-list am-list-5lb" am-mode="flat chip form" style="display: none;">
                <div class="am-list" am-mode="radius">
                    <div class="am-list-body" id="otherCaseResult">
                        <div class="am-list-item">
                            <div class="am-list-label">来办对象</div>
                            <div class="am-list-content am-ft-right" id="appUserName" style="width:75%"></div>
                        </div>
                        <div class="am-list-item">
                            <div class="am-list-label">办件序号</div>
                            <div class="am-list-content am-ft-right" id="docNo"></div>
                        </div>
                        <div class="am-list-item">
                            <div class="am-list-label">办件名称</div>
                            <div class="am-list-content am-ft-right" id="caseName"></div>
                        </div>
                        <div class="am-list-item">
                            <div class="am-list-label">来办时间</div>
                            <div class="am-list-content am-ft-right" id="appTime"></div>
                        </div>
                        <div class="am-list-item">
                            <div class="am-list-label">审批时间</div>
                            <div class="am-list-content am-ft-right" id="checkTime"></div>
                        </div>
                        <div class="am-list-item">
                            <div class="am-list-label">办理状态</div>
                            <div class="am-list-content am-ft-right" id="cnDocStatus"></div>
                        </div>
                        <div class="am-list-item">
                            <div class="am-list-label">审批结果</div>
                            <div class="am-list-content am-ft-right" id="checkResult"></div>
                        </div>
                        <div class="am-list-item">
                            <div class="am-list-label">审批意见</div>
                            <div class="am-list-content am-ft-right" id="checkRemark"></div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<div id="fuwu" style="display: block;font-family:STHeitiSC;font-size: 12px; margin-bottom: 15px; margin-left: 0px; width: 100%; text-align: center;   position: absolute; bottom: 0px;z-index:-1;">
    <div class="am-agreement am-ft-gray am-ft-sm">
        <p>
            本服务由吉林省公安厅<br />江苏欧索软件有限公司提供支持
        </p>
    </div>
</div>
<script>
    $(function () {

        FindOtherCaseResult();
    });
    function FindOtherCaseResult()
    {
        var url = "../../../api/query/entry-exit/case-progress";
        $.ajax(url,
                {
                    type: 'post',
                    timeout: 6000,
                    data: {
                        case_id: decodeURI(getQueryStringByName("caseid")),
                    },
                    success: function (data) {
                        if (data.succ==true) {
                            $("#appUserName").text(data.data.appUserName==null?'':data.data.appUserName);
                            $("#docNo").text(data.data.docNo==null?'':data.data.docNo);
                            $("#caseName").text(data.data.caseName==null?'':data.data.caseName);
                            $("#appTime").text(data.data.appTime==null?'':data.data.appTime);
                            $("#checkTime").text(data.data.checkTime==null?'':data.data.checkTime);
                            $("#cnDocStatus").text(data.data.cnDocStatus==null?'':data.data.cnDocStatus);
                            $("#checkResult").text(data.data.checkResult==null?'':data.data.checkResult);
                            $("#checkRemark").text(data.data.checkRemark==null?'':data.data.checkRemark);
                        }
                        else
                        {
                            $("#warn").html("未查到相关信息!");
                            $(".mask").show();
                            $(".demo-content").show();
                            //location.href = "EntryExitCase.html";
                        }
                    },
                    error: function ()
                    { },
                    complete: function () { },
                });
    }
</script>
</body>
</html>
